<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Test Slide</title>
<link rel="stylesheet" href="css/2col_left_13.css" type="text/css" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/patches/patch_2col_left_13.css" type="text/css" />	
<![endif]-->
<!--
<script type="text/javascript" src="firebug-lite/build/firebug-lite-debug.js"></script>
-->
<script type="text/javascript" src="js/addevent.js"></script>
</head>
<body>
<!-- skip link navigation -->
<ul id="skiplinks">
	<li><a href="#nav" class="skip">Skip to navigation (Press Enter).</a></li>
	<li><a href="#col3" class="skip">Skip to main content (Press Enter).</a></li>
</ul>

<div class="page_margins">
	<div class="page">
		<div id="header">
			<div id="topnav">
				<span><a href="#">Login</a> | <a href="#">Contact</a> | <a href="#">Imprint</a></span>
			</div>
			<h1>Example | Beispiel <em>&laquo;2col_left_13&rquo;</em></h1>
			<span>YAML &#8226; (X)HTML/CSS Framework</span>
		</div>
		<!-- begin: main navigation #nav -->
		<div id="nav">
			<div class="hlist">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">Next Example</a></li>
					<li><a href="#">Previous Example</a></li>
					<li><a href="#" id="testIndex" style="width:20px;height:14px;"></a></li>
				</ul>
			</div>
		</div>
		<!-- end: main navigation -->
		<!-- begin: main content area #main -->
		<div id="main">
			<!-- begin: #col1 - first float column -->
			<div id="col1">
				<div id="col1_content" class="clearfix">
					<h2>Column  #col1</h2>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada   suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque. </p>
          			<h3>Lorem ipsum ... </h3>
          			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada   suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque.   Vivamus viverra. Duis dolor arcu, lacinia sit amet, sollicitudin sed, aliquet   vel, quam. Pellentesque molestie laoreet tortor. Aenean quam. Pellentesque magna   metus, venenatis sit amet, congue nec, dictum in, est. Aliquam nibh. </p>
				</div>
			</div>
			<!-- end: #col1 -->
			<!-- begin: #col3 static column -->
			<div id="col3">
				<div id="col3_content" class="clearfix">
					<h2>Column #col3</h2>
					<div class="subcolumns">
						<div id="photoframe" class="photoframe">
							<ol style="position:absolute;top:-348px;">
								<li>
									<a href="#1" target="_blank" id="testid1">
										<img src="images/1.jpg" />
									</a>
								</li>
								<li>
									<a href="#2" target="_blank" id="testid2">
										<img src="images/2.jpg" />
									</a>
								</li>
								<li>
									<a href="#3" target="_blank" id="testid3">
										<img src="images/3.jpg" />
									</a>
								</li>
							</ol>
							<ul>
								<li class="current"><a href="http://www.google.com"></a></li>
								<li class="other"><a href="#-2"></a></li>
								<li class="other"><a href="#-3"></a></li>
							</ul>
						</div>
					</div>
					<blockquote>
            			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada   suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque.   Vivamus viverra. Duis dolor arcu, lacinia sit amet, sollicitudin sed, aliquet   vel, quam. Pellentesque molestie laoreet tortor. Aenean quam. Pellentesque magna   metus, venenatis sit amet, congue nec, dictum in, est. Aliquam nibh. Integer   congue nisl in mauris. Ut risus diam, ornare eget, interdum id, tincidunt at,   eros.</p>
          			</blockquote>
          			<p>Nulla vitae mauris. Phasellus vel ligula quis dolor bibendum egestas. Duis a   massa ut orci varius placerat. Sed leo nulla, tempor nec, commodo in, fringilla   vel, nibh. Cras nibh. Pellentesque venenatis felis. Cum sociis natoque penatibus   et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum fringilla   gravida nunc. Mauris neque. Cras gravida metus eget sapien. Sed faucibus, turpis   ut pretium hendrerit, turpis mauris scelerisque tellus, vel convallis metus   massa in neque.</p>
				</div>
				<div id="ie_clearing">&nbsp;</div>
				<!-- End: IE Column Clearing -->
			</div>
			<!-- end: #col3 -->
		</div>
		<!-- end: main -->
		<!-- begin: #footer -->
		<div id="footer">Footer with copyright notice and status information <br />
	Layout based on <a href="http://www.yaml.de/">YAML</a></div>
		<!-- end: #footer -->
	</div>
</div>
<!-- full skiplink functionality in webkit browsers -->
<script type="text/javascript" src="js/focusfix.js"></script>
<script type="text/javascript" src="js/testslideinie6.js"></script>
<script type="text/javascript">
var pf = document.getElementById('photoframe'),
	ol = pf.getElementsByTagName('ol')[0],
	ul = pf.getElementsByTagName('ul')[0],
	li = ul.getElementsByTagName('li');
/*
var aSet = [], aElem;
aElem = document.getElementById('testid1');
aSet.push(aElem);
aElem = document.getElementById('testid2');
aSet.push(aElem);
aElem = document.getElementById('testid3');
aSet.push(aElem);
*/

// sloo(ol, aSet);
sloo(ol, li);
</script>
</body>
</html>